<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />

    <script type="text/javascript" src="../js/common/jquery-2.1.1.min.js"></script>
    <script src="../js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/common/js.js" type="text/javascript"></script>
    <script src="../js/collect_product.js" type="text/javascript"></script>
</head>
<style>
    body{
        background:white;
    }
</style>

<body>
    <!-- 顶部 -->
    <div class="header">
        <a href="fox://setBack" class="hele"></a>
        <h1 class="hetitle">收藏产品</h1>
        <a href="javascript:;" data-num="1" class="helr manageBtn">管理</a>
    </div>
    <!-- 搜索结果内容 -->
    <div id="page" class="page m5">
        <div id="colllist"></div>
        
        <p class="notMore">别拉了 - 疼</p>
    </div>

    <div class="footer" style="display:none;">
        <div class="bottomRow">
            <label class="bottomCheck">
                <input class="allChoose" type="checkbox" style="display:none;">
                <i class="allCheck"></i>
                全选
            </label>
            <button class="checkDel" onclick="dialog('#d1')">删除</button>
        </div>
    </div>
    <!--遮罩-->
    <div class="mask"></div>
    <!--筛选弹窗-->
    <div class="dialog" id="d1">
        <div class="dialog_content">
            <div class="diaconll_pro">
                <p class="diacoll_protitle">是否确认删除收藏产品</p>
                <div class="diacoll_prod">
                    <button class="diacoll_prolink" id="checkDel">确认</button>
                    <button class="diacoll_prolink on" onclick="dialogClose()">取消</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function() {
        $num = 0;
        // 管理按钮点击事件
        $('.manageBtn').on('click', function() {
            $num = $('.manageBtn').attr('data-num');
            // console.log($num)
            if ($num == 1) {
                $('.manageBtn').text('取消');
                $('.collectCheckStyle').show();
                $('.footer').show();
                $('.manageBtn').attr('data-num', 0);
            } else {
                $('.manageBtn').text('管理');
                $('.collectCheckStyle').hide();
                $('.footer').hide();
                $('.manageBtn').attr('data-num', 1);
                // 重置选择
                $(".collectCheckStyle>input").prop("checked", false);
                $('.allChoose').prop('checked', false);
            }
        })

        // 全选勾选  全部选择
        $numclick = 0;
        $('.allChoose').on('click', function() {
            if (this.checked) {
                $(".collectCheckStyle>.checkcell").prop("checked", true);
                $numclick = 1;
            } else {
                $(".collectCheckStyle>.checkcell").prop("checked", false);
                $numclick = 0;
            }
        })


    })
</script>

</html>